<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>台况</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="../css/reset.css" type="text/css" rel="stylesheet"/>
    <link href="../css/style.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="../js/jquery.1.9.min.js"></script>
    <script type="text/javascript" src="../js/table.js"></script>
</head>
<body>
<body>
<header>
    <h1>台 况</h1>
</header>
<div class="content">
    <ul id="tableId" class="desk">

    </ul>
    <div id="open">
        <div class="white_content" id="operate">
            <a class="close" href="javascript:void(0)"
               onclick="document.getElementById('open').style.display='none';document.getElementById('operate').style.display='none'"><img
                    src="../img/close.png"/></a>
            <h2>桌号：<span id="span1"></span></h2>
            <form>
                <p>人数：<select id="selectNumber">
                    <option value="1">1人</option>
                    <option value="2">2人</option>
                    <option value="3">3人</option>
                    <option value="4">4人</option>
                    <option value="5">5人</option>
                    <option value="6">6人</option>
                    <option value="7">7人</option>
                    <option value="8">8人</option>
                </select>
                </p>
            </form>
            <a href="javascript:void(0)" onclick="cancel()" class="gray_btn left"/>取消预约</a>
            <a href="javascript:void(0)" onclick="confirmOrder()" class="orange_btn right"/>确定开台</a>
        </div>
    </div>
</div>

<div class="footer-space"></div>
<footer>
    <ul>
        <li><a href="index.html"><img src="../img/footer_03.png"/>
            <p>首 页</p></a></li>
        <li><a href="bill.html"><img src="../img/footer_02.png"/>
            <p>账 单</p></a></li>
        <li><a href="begin%20theatrical%20performance.html"><img src="../img/footer_1.png"/>
            <p class="cur">台 况</p></a></li>
        <li><a href="more.html"><img src="../img/footer_04.png"/>
            <p>更 多</p></a></li>
    </ul>
</footer>

</body>
</body>
</html>